<section class="trusted-area breadcrumb-area text-center">
</section><!-- end trusted-area -->
<section class="choose-area responsive-content choose--area area-padding text-center">
    <div class="choose-fluid">
        <div class="container">
            <div class="row">
                <div class="col-md-12 choose-box">
                    <div class="choose-popup">
                        <img src="images/service14.jpg" alt="choose image">
                        <p class="offer__desc history__desc mt-50px mb-50px">
                            tincidunt elit magnis nulla facilisis sagittis
                            maecenas.
                            sapien nunc amet ultrices, dolores sit ipsum velit
                            purus aliquet, massa fringilla leo orci. lorem ipsum
                            dolors sit amet elit magnis amet ultrices purus aliquet.
                        </p>
                        <h3 class="quote__sign">Jessica Brown</h3>
                        <span class="quote__span">founder of Richsun</span>
                    </div><!-- end choose-popup -->
                </div><!-- end col-md-12 -->
            </div><!-- end row -->
        </div><!-- container -->
    </div><!-- end choose-fluid -->
</section><!-- end choose-area -->

<section class="timeline-area responsive-content area-padding theme-bg-gray">
    <div class="timeline-fluid">
        <div class="container">
            <div class="row">
                <div class="col-md-12 primary-padding-3">
                    <div class="avivon-heading">
                        <h2 class="avivon__title">how we started Richsun</h2>
                    </div><!-- end avivon-heading -->
                </div><!-- end col-md-12 -->
            </div><!-- end row -->
            <div class="row">
                <div class="col-md-12">
                    <div class="timeline-list">
                        <div class="happening row">
                            <div class="happening__period col-md-3 col-sm-6 col-xs-12">
                                <div class="time__item-bg time__bg"></div>
                                <h4 class="year__item-title">1996</h4>
                            </div><!-- end happening__period -->
                            <div class="happening__desc col-md-8 col-sm-6 col-sm-offset-0 col-xs-offset-0 col-md-offset-1">
                                <h3 class="time__item-title">company was founded</h3>
                                <p class="time__item-desc">
                                    there are many variations of passages of lorem Ipsum available
                                    but the majority have suffered alteration in some form
                                    injected which don't look of available but the
                                    majority have suffered even slightly believable.</p>
                            </div><!-- end happening__desc -->
                        </div><!-- end row -->
                        <div class="happening row">
                            <div class="happening__period col-md-3 col-sm-6 col-xs-12">
                                <div class="time__item-bg time__bg-2"></div>
                                <h4 class="year__item-title">2000</h4>
                            </div><!-- end happening__period -->
                            <div class="happening__desc col-md-8 col-sm-6 col-sm-offset-0 col-xs-offset-0 col-md-offset-1">
                                <h3 class="time__item-title">company is growing</h3>
                                <p class="time__item-desc">
                                    there are many variations of passages of lorem Ipsum available
                                    but the majority have suffered alteration in some form
                                    injected which don't look of available but the
                                    majority have suffered even slightly believable.</p>
                            </div><!-- end happening__desc -->
                        </div><!-- end row -->
                        <div class="happening row">
                            <div class="happening__period col-md-3 col-sm-6 col-xs-12">
                                <div class="time__item-bg time__bg-3"></div>
                                <h4 class="year__item-title">2007</h4>
                            </div><!-- end happening__period -->
                            <div class="happening__desc col-md-8 col-sm-6 col-sm-offset-0 col-xs-offset-0 col-md-offset-1">
                                <h3 class="time__item-title">we become the leading company</h3>
                                <p class="time__item-desc">
                                    there are many variations of passages of lorem Ipsum available
                                    but the majority have suffered alteration in some form
                                    injected which don't look of available but the
                                    majority have suffered even slightly believable.</p>
                            </div><!-- end happening__desc -->
                        </div><!-- end row -->
                        <div class="happening row">
                            <div class="happening__period happening__periodlast theme-afr col-md-3 col-sm-6 col-xs-12">
                                <div class="time__item-bg time__bg-4"></div>
                                <h4 class="year__item-title">2018</h4>
                            </div><!-- end happening__period -->
                            <div class="happening__desc happening__desc2 col-md-8 col-md-offset-1 col-sm-6 col-xs-12 col-sm-offset-0 col-xs-offset-0">
                                <h3 class="time__item-title">among top 100 in future 500</h3>
                                <p class="time__item-desc">
                                    there are many variations of passages of lorem Ipsum available
                                    but the majority have suffered alteration in some form
                                    injected which don't look of available but the
                                    majority have suffered even slightly believable.</p>
                            </div><!-- end happening__desc -->
                        </div><!-- end row -->
                    </div><!-- end timeline-list -->
                </div><!-- end col-md-12 -->
            </div><!-- end row -->
        </div><!-- container -->
    </div><!-- end timeline-fluid -->
</section><!-- end timeline-area -->